body, html {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    color: #555;
    background-color: #000;
    font-family: '微软雅黑'
}

#main {
    width: 4352px;
    height: 1536px;
    display: inline-block;
    background: url(../images/screenbg_design1.jpg) left top no-repeat
}

/*年月日文字*/
#currentYear {
    width: 213px;
    height: 107px;
    position: absolute;
    left: 430px;
    top: 100px;
    color: #FFF;
    font-size: 36px;
    font-family: '微软雅黑';
    text-align: center
}

#currentMonth {
    width: 213px;
    height: 107px;
    position: absolute;
    left: 1504px;
    top: 75px;
    color: #FFF;
    font-size: 36px;
    font-family: '微软雅黑';
    text-align: center
}

#currentDay {
    width: 213px;
    height: 107px;
    position: absolute;
    left: 2574px;
    top: 100px;
    color: #FFF;
    font-size: 36px;
    font-family: '微软雅黑';
    text-align: center
}

/*年的进度条*/
#y_gauge1 {
    width: 250px;
    height: 250px;
    position: absolute;
    left: 60px;
    top: 200px;
}

#y_gauge2 {
    width: 250px;
    height: 250px;
    position: absolute;
    left: 290px;
    top: 200px;
}

#y_gauge3 {
    width: 250px;
    height: 250px;
    position: absolute;
    left: 530px;
    top: 200px;
}

#y_gauge4 {
    width: 250px;
    height: 250px;
    position: absolute;
    left: 770px;
    top: 200px;
}

/*月的进度条*/
#m_gauge1 {
    width: 250px;
    height: 250px;
    position: absolute;
    left: 1140px;
    top: 130px;
}

#m_gauge2 {
    width: 250px;
    height: 250px;
    position: absolute;
    left: 1370px;
    top: 130px;
}

#m_gauge3 {
    width: 250px;
    height: 250px;
    position: absolute;
    left: 1610px;
    top: 130px;
}

#m_gauge4 {
    width: 250px;
    height: 250px;
    position: absolute;
    left: 1850px;
    top: 130px;
}

/*日的进度条*/
#d_gauge1 {
    width: 250px;
    height: 250px;
    position: absolute;
    left: 2210px;
    top: 200px;
}

#d_gauge2 {
    width: 250px;
    height: 250px;
    position: absolute;
    left: 2440px;
    top: 200px;
}

#d_gauge3 {
    width: 250px;
    height: 250px;
    position: absolute;
    left: 2680px;
    top: 200px;
}

#d_gauge4 {
    width: 250px;
    height: 250px;
    position: absolute;
    left: 2920px;
    top: 200px;
}

/*监控的仪表盘*/
#gauge1 {
    width: 250px;
    height: 250px;
    position: absolute;
    left: 2200px;
    top: 1050px;
}

#gauge2 {
    width: 250px;
    height: 250px;
    position: absolute;
    left: 2550px;
    top: 1050px;
}

#gauge3 {
    width: 250px;
    height: 250px;
    position: absolute;
    left: 2910px;
    top: 1050px;
}

#gauge4 {
    width: 250px;
    height: 250px;
    position: absolute;
    left: 2380px;
    top: 1190px;
}

#gauge5 {
    width: 250px;
    height: 250px;
    position: absolute;
    left: 2730px;
    top: 1190px;
}

/*仪表盘文字*/
.gaugeTitle {
    width: 250px;
    height: 40px;
    position: absolute;
    left: 0px;
    top: 200px;
    color: #B7E1FF;
    font-size: 24px;
    display: inline-block;
    text-align: center;
    font-family: Arial;
}

/*地图*/
#map {
    width: 1100px;
    height: 800px;
    position: absolute;
    left: 0px;
    top: 620px;
    display: inline-block;
    color: #E1E1E1;
    font-size: 24px;
}

#plan {
    width: 900px;
    height: 420px;
    position: absolute;
    left: 1170px;
    top: 520px;
    display: inline-block;
    color: #E1E1E1;
    font-size: 24px;
}

#quality {
    width: 900px;
    height: 420px;
    position: absolute;
    left: 1170px;
    top: 1030px;
    display: inline-block;
    color: #E1E1E1;
    font-size: 24px;
}

#orderTable {
    width: 1000px;
    height: 430px;
    position: absolute;
    left: 2160px;
    top: 930px;
    display: inline-block
}

#orderTable table {
    width: 100%;
    color: #666;
    font-size: 24px
}

#orderTable table td {
    text-align: center;
}

#orderTable table .head {
    height: 80px;
    font-size: 24px;
    color: #FFF
}

#orderTable table .row2 {
    color: #000
}

#orderTable table .row1 {
    background-color: #CCC
}

#orderMessage {
    width: 800px;
    position: absolute;
    left: 33px;
    top: 1420px;
    display: inline-block;
    color: #E1E1E1;
    font-size: 24px
}

/*生产情况展示表*/
#produce {
    width: 1000px;
    height: 380px;
    position: absolute;
    left: 2190px;
    top: 600px;
    display: inline-block;
    color: #B7E2FF;
    font-size: 24px;
}

#produce table {
    width: 100%;
    font-size: 24px;
}

#produce table td {
    text-align: center;
    border: 1px solid #069
}

#produce table .row1 {
}

#produce table .row2 {
}

/*视频*/
#video {
    width: 960px;
    height: 540px;
    position: absolute;
    left: 3280px;
    top: 140px;
    display: inline-block;
}

/*监控视频*/
#Monitor {
    width: 960px;
    height: 540px;
    position: absolute;
    left: 3280px;
    top: 940px;
    display: inline-block;
    color: #E1E1E1;
    font-size: 24px;
}

/*刷新时间*/
#refresh {
    width: 800px;
    position: absolute;
    left: 3350px;
    top: 40px;
    display: inline-block;
    color: #FFF;
    font-size: 24px;
}